<ul class="rule-one">
 <!--{volist name="rule_list" id="va"}-->
  <li><label class="checkbox-inline i-checks"><input type="checkbox" value="{$va.id}" name="rule_one"> <em>{$va.title}</em></label>
       <ul class="rule-two">
           <!--{volist name="va.childlist" id="vb"}-->
           <li><label class="checkbox-inline i-checks"><input type="checkbox" value="{$vb.id}" name="rule_two"> {$vb.title}</label>
              <ul class="rule-third">
                  <!--{volist name="vb.childlist" id="vc"}-->
                  <li {if $vc.childlist}style="width:100%;display:inline-block;"{/if}><label class="checkbox-inline i-checks"><input type="checkbox" value="{$vc.id}" name="rule_third"> {$vc.title}</label>
                  <!--{if $vc.childlist}-->
                      <ul class="rule-four">
                      <!--{volist name="vc.childlist" id="vd"}-->
                        <li><label class="checkbox-inline i-checks"><input type="checkbox" value="{$vd.id}" name="rule_four"> {$vd.title}</label></li>
                      <!--{/volist}-->
                      </ul>
                  <!--{/if}-->
                  </li>
                  <!--{/volist}-->
              </ul>
           </li>
           <!--{/volist}-->
       </ul>
  </li>
  <!--{/volist}-->
</ul>

<script>
$(function(){
//目录树全选定/取消全选定
   $('#supperBox input:radio').on('ifClicked', function(event){
      if($(this).val() == '1')
      {
         $('#rulebox input:checkbox').each(function(i,e){ 
            $(this).iCheck('check');
         });
      }else{
         $('#rulebox input:checkbox').each(function(i,e){ 
            $(this).iCheck('uncheck');
         });
      }
   });
   //目录树选择事件
   $('#rulebox input:checkbox').on('ifClicked', function(event){
      var _name = $(this).attr('name');
      if($(this).prop("checked")) //选中
      {
        if(_name == 'rule_one')
        {
          $(this).parent().parent().parent().find('input:checkbox').each(function(i,e){ 
            $(this).iCheck('uncheck');
          });
        }
        if(_name == 'rule_two')
        {
          $(this).parent().parent().parent().find('input:checkbox').each(function(i,e){ 
            $(this).iCheck('uncheck');
          });
          var _t = 0;
          $(this).parent().parent().parent().parent().find('input:checkbox').each(function(i,e){
             if($(this).is(':checked')){_t++;}
          });
          if(_t <= 0)
          {
            $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('uncheck');
          }
        }
        if(_name == 'rule_third')
        {
          // var _k = 0,_t3 = 0;
          // $(this).parent().parent().parent().parent().find('input:checkbox').each(function(i,e){ 
          //    if($(this).is(':checked')){_k++;}
          // });
          // $(this).parent().parent().parent().parent().parent().parent().find('input:checkbox').each(function(i,e){
          //    if($(this).is(':checked')){_t3++;}
          // });
          // if(_t3 <= 2)
          // {
          //   if(_k <= 1)
          //   {
          //     $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('uncheck');
          //   }
          //   $(this).parent().parent().parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('uncheck');
          // }
        }
        if(_name == 'rule_four')
        {
          var _t = 0;
          $(this).parent().parent().parent().parent().parent().children('ul').find('input:checkbox').each(function(i,e){
             if($(this).is(':checked')){_t++;}
          });
          if(_t <= 0)
          {
            $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('uncheck');
          }
        }
      }else{ //没选中
        if(_name == 'rule_one')
        {
          $(this).parent().parent().parent().find('input:checkbox').each(function(i,e){ 
            $(this).iCheck('check');
          });
        }
        if(_name == 'rule_two')
        {
          $(this).parent().parent().parent().find('input:checkbox').each(function(i,e){ 
            $(this).iCheck('check');
          });
          $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('check');
        }
        if(_name == 'rule_third')
        {
          var _k = 0;
          $(this).parent().parent().parent().parent().find('input:checkbox').each(function(i,e){ 
             if($(this).is(':checked')){_k++;}
          });
          if(_k <= 0)
          {
            $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('check');
            $(this).parent().parent().parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('check');
          }
        }
        if(_name == 'rule_four')
        {
          var _k = 1;
          $(this).parent().parent().parent().parent().parent().children('ul').find('input:checkbox').each(function(i,e){ 
             if($(this).is(':checked')){_k++;}
          });
          if(_k > 0)
          {
            $(this).parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('check');
            $(this).parent().parent().parent().parent().parent().parent().parent().parent().children('label').find('input:checkbox').iCheck('check');
          }
        }
      }
   });
});

//获取选择的值
function getCheckedValue()
{
 var _idarr = {},_k = 0;
 $("#rulebox input:checkbox").each(function(){
   if($(this).is(':checked'))
   {
    _idarr[_k] = $(this).val();
    _k++;
   }
 });
 if(parseInt(_k) <= 0)
 {
   return '';
 }else{
   return _idarr;
 }
}
//获取选择的值--数组
function getCheckedValueForArr()
{
  var myArr = [];
  $("#rulebox input:checkbox").each(function(){
     if($(this).is(':checked'))
     {
        myArr.push($(this).val());
     }
  });
  if(myArr.length <= 0)
  {
    return '';
  }else{
    return myArr.join();
  }
}
</script>